<!-- TEMPLATES -->
<script type="text/template" id="pendingTpl">
	<div id="sender_id_{{id}}" class="con-inner large-12 column request_member	">
		<div class="conn-dptmb large-2 column" style="background:url(<?= IMAGE_URL_SMALL ?>{{profile_pic}});background-size:cover;">
		</div>
		<div class="coninfo large-6 column">
			<p><a target="_blank" href="<?= BASE_URI ?>profile?bhd={{id}}">{{fname}} {{lname}}</a></p>
			<p style="margin-top:-1.3rem;">Freelance Writer</p>
			<p style="margin-top:-1.6rem;"><small>95 mutual connections</small></p>
		</div>
		<div class="conbtn large-4 text-right column">
			<a data-sender-id = "{{id}}" class="tiny radius button btnAcceptPending"> Accept</a>
			<a class="tiny radius button btnDeclinePending" style="background:#E3E2E1;color:#000;"> Decline</a>
		</div>
	</div>
</script>

<script type="text/template" id="connectionTpl">
	<div id="connection_id_{{id}}"class="con-inner large-12 column connection_member">
		<div class="conn-dptmb large-2 column" style="background:url(<?= IMAGE_URL_SMALL?>{{profile_pic}});background-size:cover;">
		</div>
		<div class="coninfo large-7 column">
			<p><a href="">{{fname}} {{lname}}</a></p>
			<p style="margin-top:-1.3rem;">Web Programmer</p>
			<p style="margin-top:-1.6rem;"><small>105 mutual connections</small></p>
		</div>
		<div class="conbtn large-3 text-right column">
			<a data-id="<?= $value->uat->id ?>" class="tiny radius button"> Connected</a>
		</div>
	</div>
</script>

<script type="text/template" id="onlineTpl">
	<div id="chat_id_{{id}}" class="chat-li large-12 column chat_member">
		<div class="chat-tmb large-1 column " style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{profile_pic}}');background-size:cover;"></div>
		<div class="large-8 end column">
			<a>{{fname}} {{lname}}</a>
			<p><small>Chatting</small></p>
		</div>
	</div>
</script>
 <script id="commentTpl" type="text/template">
	<div id="{{comment_id}}" class="usercomment large-12 column">
				<div class="dp-comment large-1 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{profile_pic}}');background-size:cover;">
				</div>
				<div class="usercommentinfo large-10 column">
					<a href="<?= BASE_URI.'profile?bhd='; ?>{{user_id}}">{{sender_fullname}}</a>&nbsp;&nbsp;<small><i class="fa fa-clock-o"><abbr class="timeago" title="{{date_created}}"></abbr></i></small>
					<p>{{{comment_container}}}.</p>
				</div>
				<div class="editicon large-1 column">
					<i class="right fa fa-pencil-square-o"></i>
				</div>
	</div>
</script>

<script id ="postTpl" type="text/template">
	<div id="{{data.feed_id}}" class="wall-post large-12 columns">
	<div class="wall-head large-12 column">
		<div class="dp-tmb large-2 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{data.prof_pic}}');background-size:cover;">
		</div>
		<div class="wall-info large-9 columns">
			<a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.user_id}}">{{data.fullname}}</a>
			<p><small><i class="fa fa-clock-o"> <abbr class="timeago" title="{{data.date_created}}"></abbr></i></small></p></i></small></p>
		</div>
		<div class="extra large-1 column"></div>
	</div>
	<div class="wall-content large-12 column">
		{{{comments}}}
		{{{html}}}
	</div>
	<div class="wall-att large-12 column">
		
	</div>
	<div class="likeshare large-12 column">
		<div class="large-6 column">
			<ul class="inline-list">
				<li><a id="feed_like_id_{{data.feed_id}}" feed-like-id="{{data.feed_id}}" class="btnLike">Like</a></li>
				<li><a>Comment</a></li>
				<li><a>Report</a></li>
			</ul>
		</div>
		<div class="text-right large-4 column">
			<p id="feeds_total_likes_{{data.feed_id}}" >0 People like this</p>
		</div>
	</div>
	<div class="commentsection large-12 column">
		<div class="textareafrm">
			<textarea receiver-id="{{data.user_id}}" class="commentbox textarea-xpnd" id="{{data.feed_id}}" placeholder="Comment"></textarea>
		</div>
		<div id="feeds_comment_{{data.feed_id}}"class="commentarea large-12 column">
			
		</div>
	</div>
</div>	
</script>

<script id ="postTpl2" type="text/template">
	<div id="{{data.feed_id}}" class="wall-post large-12 columns">
	<div class="wall-head large-12 column">
		<div class="dp-tmb large-2 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{data.prof_pic}}');background-size:cover;">
		</div>
		<div class="wall-info large-9 columns">
			<a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.user_id}}">{{data.fullname}}</a> to <a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.sender_id}}">{{data.sender_fullname}}</a> 
			<p><small><i class="fa fa-clock-o"> <abbr class="timeago" title="{{data.date_created}}"></abbr></i></small></p></i></small></p>
		</div>
		<div class="extra large-1 column"></div>
	</div>
	<div class="wall-content large-12 column">
		{{{comments}}}
		{{{html}}}
	</div>
	<div class="wall-att large-12 column">
		
	</div>
	<div class="likeshare large-12 column">
		<div class="large-6 column">
			<ul class="inline-list">
				<li><a id="feed_like_id_{{data.feed_id}}" feed-like-id="{{data.feed_id}}" class="btnLike">Like</a></li>
				<li><a>Comment</a></li>
				<li><a>Report</a></li>
			</ul>
		</div>
		<div class="text-right large-4 column">
			<p id="feeds_total_likes_{{data.feed_id}}" >0 People like this</p>
		</div>
	</div>
	<div class="commentsection large-12 column">
		<div class="textareafrm">
			<textarea receiver-id="{{data.user_id}}" class="commentbox textarea-xpnd" id="{{data.feed_id}}" placeholder="Comment"></textarea>
		</div>
		<div id="feeds_comment_{{data.feed_id}}"class="commentarea large-12 column">
			
		</div>
	</div>
</div>	
</script>